/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

@import "~antd/lib/style/themes/default.less";

.fontStyle {
  background-image: linear-gradient(to top, rgb(60, 124, 252), rgb(122, 190, 254));
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main {
  height: 100%;
  width: 100%;
  padding: 15px;
  border-top: 2px solid;
  border-image: linear-gradient(90deg, rgba(20, 39, 80, 0) 0%, #00bbf2 50%, rgba(20, 39, 80, 0) 99%)
    2 0 0 0;
  background: rgba(11, 20, 44, 0.5);
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}

.outBorder {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-bottom: 1px solid rgb(24, 45, 83);
  border-right: 1px solid rgb(24, 45, 83);
  border-left: 1px solid rgb(24, 45, 83);
  border-radius: 5px;
  :global {
    .ant-spin-nested-loading,
    .ant-spin-container {
      height: 100%;
    }
    .ant-progress {
      position: absolute;
      .ant-progress-inner {
        background: none;
        vertical-align: top;
      }
      .ant-progress-outer {
        padding-right: 0;
      }
      .ant-progress-text {
        background-image: linear-gradient(to top, rgb(60, 124, 252), rgb(122, 190, 254));
        background-clip: text;
        -webkit-text-fill-color: transparent;
        position: absolute;
        bottom: -4px;
        right: 0;
        width: 6em;
      }
    }
  }
}

.main_bg {
  background-image: url("../../../../../assets/bigScreen/bg_small.png");
  background-size: 100% 70%;
  background-position: bottom;
  background-repeat: no-repeat;
}

.title {
  font-size: 20px;
  font-weight: 600;
}

.line {
  width: 4px;
  height: 20px;
  background: linear-gradient(to top, rgb(60, 124, 252), rgb(122, 190, 254));
  margin-right: 10px;
}

.titleText:extend(.fontStyle) {
  flex: 1;
  :global {
    .ant-col {
      background-image: linear-gradient(to top, rgb(60, 124, 252), rgb(122, 190, 254));
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }
}
